<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript" src="resources/js/jquery.js"></script>
	<script type="text/javascript" src="resources/js/jquery.innerfade.js"></script>
	<script type="text/javascript">
	   $(document).ready(
				function(){
					$('ul#portfolio').innerfade({
						speed: 1000,
						timeout: 2000,
						type: 'sequence',
						containerheight: '220px'
					});
				});
  	</script>
  	
  	<h3>A list with images and links</h3>
		<ul id="portfolio">
			<li>
				<a href="http://www.naver.com"><img src="resources/images1/km.jpg" alt="Good Guy bad Guy" /></a>
			</li>
			<li>
				<img src="resources/images1/ggbg.gif" alt="Whizzkids" />
			</li>
			<li>
				<img src="resources/images1/rt_arch.jpg" alt="Königin Mutter" />
			</li>
			<li>
				<img src="resources/images1/tuev.jpg" alt="RT Hybride Archivierung" />
			</li>
		</ul>
</body>
</html>